<div class="background"></div>
<div class="mica"></div>

<style>
  .background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("/icons/gradient.webp");
    background-size: cover;
    width: 100%;
    z-index: -2;
    height: 100%;
  }

  .mica {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-backdrop-filter: blur(500px);
    backdrop-filter: blur(500px);
    background-color: hsla(253, 50%, 7%, 0.75);
    overflow-y: auto;
    box-shadow:
      0px 25.6px 57.6px rgb(0 0 0 / 14%),
      0px 0px 16.4px rgb(0 0 0 / 12%);
  }
</style>
